<template>
  <div class="shoponelist">
    <van-card
      :price="item.min_price"
      :desc="item.month_saled_content"
      :title="item.name"
      :thumb="item.picture"
      v-for="(item,index) in lists" :key="index"
    >
      <template #num>
        <div class="round">+</div>
      </template>
    </van-card>
    <!-- ---- -->
  </div>
</template>

<script>
import Vue from "vue";
import { Card } from "vant";

Vue.use(Card);
export default {
  props: ["xiaoming","xiaohong"],
  data() {
    return {
      lists:[],
    };
  },
  watch:{
    immediate:true,
      xiaohong(){
        this.lists=this.xiaoming.taglist[this.xiaohong].goodlist
    //  console.log(this.xiaohong); 
    
      }
  }
  
};
</script>

<style scoped lang='scss'>
.round {
  background-color: rgb(13, 151, 206);
  color: #fff;
  width: 1.1111rem;
  border-radius: 50%;
  float: right;
  text-align: center;
  padding: 0.0556rem;
}
</style>